@charset "utf-8";
/* CSS Document */

.categories ul {margin:0; padding:0; list-style:none;}
.categories ul.menu li {cursor: pointer; padding:0 14px;}
.categories ul.menu > li {position:relative; z-index:10; border-bottom:1px dotted #d8d9d2;}
.categories ul.menu li a { display:block; line-height:40px; text-decoration:none; position:relative; z-index:10; color:#a3a49e; text-transform:uppercase; font-size:11px; padding-left:20px;}
.categories ul.menu > li > a {background:url(../images/icon-arrow.png) 0 50% no-repeat;}

.categories ul.menu > li:hover > a,.categories ul.menu > li#current > a { color:#000;}

.categories ul.menu li:hover > ul {left: 100%;}

.categories ul.menu ul {width:200px; position:absolute; z-index:99; margin:0; padding:0; left:-999em; top:0; background:#fbfbfb;}
.categories ul.menu ul li {width:200px; padding:0 !important; margin:0 !important; border-bottom:1px solid #fff;} 
.categories ul.menu ul li a {line-height:normal; padding:10px 20px; background:none !important;}
.categories ul.menu ul li a:hover {color:#000;}
.categories ul.menu ul span {display:block;}

.categories ul.menu ul li#current,.categories ul.menu ul li:hover {color:green;}
.categories ul.menu ul li.parent > a > span {background: url(../images/arrow.png) no-repeat right center;}

.categories ul.menu ul ul {margin:-25px 0 0 100%;}
